<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>online</title>
    <link rel="stylesheet" href="css/online.css" type="text/css"></link>
    <script src="js/jquery-3.3.1.min.js"></script>
</head>
<body>
<div id="header">
    <div class="top">
        <#if user?exists>
            <div class="left">
                <input id="top_user_login_tag" value="${user.realname}" type="hidden">
                <a href="/loginOut">[退出登录]</a>
                <a href="#">
                    <span class="sp">新消息(<font>0</font>)</span>
                </a>
                <span class="sp userNickName" title="jd">${user.nickname}</span>
                <span class="sp">积分：<font class="myInteger">${user.myinteger}</font></span>
            </div>
        <#else>
            <div class="left">
                <a href="/login">请登录</a> <a href="/register">免费注册</a>
            </div>
        </#if>

        <div class="right">
            <a href="/">首页</a>
            <a href="/common/integralMall.html">积分商城</a>
            <a href="/school.htm">企业合作</a>
            <a href="/userCenter/person">我的易学</a>
            <#if countcart?exists>
                <a href="/userCenter/shoppingCart" class="nz_ts">购物车（
                    <span class="cart_top_num">${countcart}</span>）</a>
            <#else>
                <a href="/userCenter/shoppingCart" class="nz_ts">购物车（
                    <span class="cart_top_num">0</span>）</a>
            </#if>
            <a href="/userCenter/userCollection.html">我的收藏夹</a>
            <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=2636862834&amp;site=qq&amp;menu=yes”"
               target="_blank">联系客服</a>
            <a id="tc" href="#">网站导航 </a>
            <a href="/common/help/help.html">帮助</a>
        </div>
    </div>
</div>

<div id="bottom">
    <div class="left">
        <a href="/"><img src="images/logo.png"></a>
    </div>
    <div class="right">
        <form action="/search">
            <#if sear?exists>
                <input type="text" class="search" id="queryKeysStr" value="${sear}" name="search">
            <#else>
                <input type="text" class="search" id="queryKeysStr" value="" name="search">
            </#if>
            <input type="submit" value="搜索" class="buttom" id="queryAllButton">
        </form>

        <div class="right_bottom">
            <a href="/searchBypro?product=JAVA">JAVA</a>
            <a href="/searchBypro?product=CCIE">CCIE</a>
            <a href="/searchBypro?product=PS">PS</a>
            <a href="/searchBypro?product=C">C</a>
            <a href="/searchBypro?product=CCNA">CCNA</a>
            <a href="/searchBypro?product=OCA">OCA</a>
            <a href="/searchBypro?product=Android">Android</a>
            <a href="/searchBypro?product=HTML">HTML</a>
            <a href="/searchBypro?product=思科">思科</a>
        </div>
    </div>
</div>

<div id="nav">
    <ul class="menu">
        <li><a href="/">首页</a></li>
        <li class="now"><a href="/toOnline">在线学习</a>
            <div class="now_top"></div>
        </li>
        <li><a href="/facedirect.htm">面授</a></li>
        <li><a href="/o2o.htm">1对1辅导</a></li>
        <li><a href="/video.htm">视频</a></li>
        <li><a href="/kejian.htm">课件</a></li>
        <li><a href="/identify.htm">考试</a></li>
        <li><a href="/tiku.htm">题库</a></li>
        <li><a href="/toWD">问答</a></li>
        <li><a href="/study.htm">求学</a></li>
        <li class="last"><a href="/school.htm">培训学校</a></li>
    </ul>
</div>

<div id="main">

    <div class="main_right">
        <dl>
            <dt id="goodsAttributesDt">
                <a href="/">IT易学网</a><span> &gt; </span><a href="/search.htm">课程分类</a>
                &gt; <a href="/toOnline">在线学习</a>
            </dt>

            <dd style="clear: both">
                <ul class="value">
                    <li>
                        <ul id="categoryLevel1">
                            <li class="first">选择分类：</li>
                            <li class="attributesItem selected">开发技术</li>
                            <li class="attributesItem">系统管理</li>
                            <li class="attributesItem">数据库管理</li>
                            <li class="attributesItem">网络设备管理</li>
                            <li class="attributesItem">云计算与虚拟化</li>
                            <li class="attributesItem">设计</li>
                            <li class="attributesItem">办公软件</li>
                            <li class="attributesItem">厂商认证培训</li>
                            <li class="attributesItem">其他认证培训</li>
                        </ul>
                        <div style="display: none">
                            <form action="/searchBytype" id="typeform">
                                <input type="text" class="searchBytype" id="searchBytype" value="" name="type">
                            </form>
                        </div>

                        <ul id="categoryLevel2">
                            <li class="first">技术领域：</li>
                            <li class="attributesItem selected">嵌入式与移动开发</li>
                            <li class="attributesItem">软件开发</li>
                            <li class="attributesItem">网页开发</li>
                            <li class="attributesItem">游戏开发</li>
                        </ul>
                        <div style="display: none">
                            <form action="/searchBytech" id="techform">
                                <input type="text" class="searchBytech" id="searchBytech" value="" name="technology">
                            </form>
                        </div>

                        <ul id="categoryLevel3">
                            <li class="first">课程产品：</li>
                            <li class="attributesItem selected">C</li>
                            <li class="attributesItem">C++</li>
                            <li class="attributesItem">IOS</li>
                            <li class="attributesItem">Android</li>
                            <li class="attributesItem">H5混合开发</li>
                            <li class="attributesItem">其它</li>
                        </ul>
                        <div style="display: none">
                            <form action="/searchBypro" id="proform">
                                <input type="text" class="searchBypro" id="searchBypro" value="" name="product">
                            </form>
                        </div>

                        <ul id="attributesUL6" class="f">
                            <li class="first">学习费用：</li>
                            <li class="attributesItem">0-99</li>
                            <li class="attributesItem">100-299</li>
                            <li class="attributesItem">300-599</li>
                            <li class="attributesItem">600-999</li>
                            <li class="attributesItem">1000以上</li>
                            <li class="zidy" style="text-align: center">
                                <form action="/searchByprice">
                                    <span>自定义：</span><input type="text" id="minPriceInput" name="price1">
                                    - <input type="text" id="maxPriceInput" name="price2"><input
                                            id="priceZoneButton" type="submit" value="确认">
                                </form>
                            </li>
                        </ul>
                    </li>

                </ul>
            </dd>
        </dl>
    </div>

    <div class="main_left" style="float: left; width: 240px;">
        <div class="sale sale2">
            <dl>
                <dt>热门商品</dt>
                <dd>
                    <p>
                        <font class="font1">￥：1500.00</font><font>销量：644</font>
                    </p>
                    <a href="../course/2423.htm"><img
                                src="images/665_1522830524437.jpg" height="218" width="218"></a>
                </dd>
                <dd>
                    <p>
                        <font class="font1">￥：9800.00</font><font>销量：373</font>
                    </p>
                    <a href="../course/1914.htm"><img
                                src="images/576_1523244486356.png" height="218" width="218"></a>
                </dd>
                <dd>
                    <p>
                        <font class="font1">￥：2480.00</font><font>销量：574</font>
                    </p><a href="../course/2139.htm"><img
                                src="images/547_1515744329430.jpg" height="218" width="218"></a>
                </dd>
            </dl>
        </div>
    </div>

    <div class="slideTxtBox">
        <div class="hd">

            <span class="arrow">全部课程</span>

            <ul>
                <span>排序方式：</span>
                <li class="orderByItem">人气</li>
                <li class="orderByItem"><a target="_self" href="/searchByOrder?sort=sales&order=desc">销量</a></li>
                <li>
                    <div id="header-search" class="search-sort">
                        <span class="search-sort-txt"><a href="javascript:;" onclick="showPrice()">价格</a></span><em></em>
                        <ul id="search-sort-list" class="search-sort-list">
                            <li class="orderByItem"><a target="_self" href="/searchByOrder?sort=price&order=desc">价格从高到低</a></li>
                            <li class="orderByItem"><a target="_self" href="/searchByOrder?sort=price&order=asc">价格从低到高</a></li>
                        </ul>
                    </div>
                </li>
            </ul>

            <div id="select_box">
                <div id="select_box_dd">
                    辅导方式： <select id="fudaoSelect" onchange="selectAttribute7()">
                        <option
                                value="不限">不限
                        </option>
                        <option value="远程">远程</option>
                        <option value="面聊">面聊</option>
                        <option value="QQ">QQ</option>
                        <option value="Webex">Webex</option>
                        <option value="其他">其他</option>
                    </select>
                </div>
            </div>

        </div>

        <div class="bd">
            <ul>
                <#if onlines?exists>
                <#list onlines as o>
                <#if 0 < o_index && (o_index % 4)==0 >
            </ul>
            <ul>
                </#if>
                <li><a href="/product?productID=${o.id}"><img
                                src="${o.image}" height="218" width="218"></a>
                    <div class="bottom1">
                        <span>${o.name}</span> <span class="span1">${o.product}</span>
                        <p class="span3">
                            销量：${o.sales}<font>￥${o.price}</font>
                        </p>
                        <a href="/product?productID=${o.id}" class="buttom1">查看详情</a>
                    </div>
                </li>
                </#list>
                <#else>
                    <span style="font-size:16px;">抱歉，我们没有为您找到<font color="red"> ${sear} </font>相关内容，建议您选择其他搜索条件</span>
                </#if>
            </ul>
        </div>

        <div class="page">
            <#if pageInfo?exists>
                <#assign thispage=pageInfo.pageNum>
                <#assign prepage=pageInfo.pageNum-1>
                <#assign nextpage=pageInfo.pageNum+1>

                <#if pageInfo.pageNum lte 1>

                    <a href="#">&lt;</a>
                    <span class="now">${thispage}</span>
                    <#if nextpage lte pageInfo.pages>
                        <a href="/online?toPage=${nextpage}">${nextpage}</a>
                        <#assign nextpage=nextpage+1>
                    </#if>
                    <#if thispage == pageInfo.pages>
                        <a href="#">&gt;</a>
                    <#else>
                        <a href="/online?toPage=${pageInfo.nextPage}">&gt;</a>
                    </#if>
                    <font>共${pageInfo.pages}页</font>

                <#else>

                    <a href="/online?toPage=${pageInfo.prePage}">&lt;</a>
                    <#if (prepage gte 1) && (prepage lt thispage)>
                        <a href="/online?toPage=${prepage}">${prepage}</a>
                        <#assign prepage=prepage-1>
                    </#if>
                    <span class="now">${thispage}</span>
                    <#if (nextpage lte pageInfo.pages) && (nextpage gt thispage)>
                        <a href="/online?toPage=${nextpage}">${nextpage}</a>
                        <#assign nextpage=nextpage+1>
                    </#if>
                    <#if thispage == pageInfo.pages>
                        <a href="#">&gt;</a>
                    <#else>
                        <a href="/online?toPage=${pageInfo.nextPage}">&gt;</a>
                    </#if>
                    <font>共${pageInfo.pages}页</font>
                </#if>
            <#else >
                <a href="#">&lt;</a>
                <a href="#">&gt;</a>
                <font>共0页</font>
            </#if>

            <form action="/online">
                <label>到第</label>
                <input type="text" class="tet" id="pagenum" value="" name="toPage">
                <input type="submit" value="确定" class="sub" id="4">
            </form>
        </div>
    </div>

</div>

<script src="js/online.js"></script>
</body>
</html>